.list{
  &-item{
    position: relative;
    padding: 30px;
    margin:30px;
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
   .align--center{
     display: flex;
     align-items: center;
   }
   &-name{
     color: #453f49;
     margin:0 20px 0 30px;
     font-size: 34px;
   }
   &-level{
     color: #ffc05c;
     font-size: 26px;
   }
   &-main{
     margin-top: 20px;
     padding-top: 20px;
     border-top: 1px solid #ececec;
     font-size: 30px;
     color: #453f49;
     display:-webkit-box;
      overflow:hidden;
      text-overflow:ellipsis;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:2;
   }
   &-bottom{
     margin-top: 20px;
     font-size: 26px;
     color: #bdbcbe;
   }
   &-doctorBox{
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: #fc5074;
     width: 100%;
   }
   &-label{
     position: absolute;
     width: 200px;
     height: 50px;
     line-height: 50px;
     font-size: 26px;
     text-align: center;
     right:-60px;
     top: 20px;
     transform:rotate(45deg);
     &-now{
      color: #ae58ed;
      background: #efdefb;
     }
     &-wait{
      color: #4ac797;
      background: #dbf4ea;
     }
     &-finish{
      color: #99969a;
      background: #ebeaeb;
     }
   }
  }
}
